<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>注册</title>
    <link rel="stylesheet" type="text/css" href="css/common.css" />
    <link rel="stylesheet" href="css/register.css" />
    <!--导入jquery-->
    <script src="js/jquery-3.3.1.min.js"></script>
    <!--导入将jq对象转换为json字符串插件-->
    <script type="text/javascript" src="js/json.js"></script>
  </head>
  <body>
    <!--引入头部-->
    <div id="header"></div>
    <!-- 头部 end -->
    <div class="rg_layout">
      <div class="rg_form clearfix">
        <div class="rg_form_center">
          <!--注册表单-->
          <form id="registerForm" method="post">
            <table style="margin-top: 25px">
              <tr>
                <td class="td_left">
                  <label for="username">用户名</label>
                </td>
                <td class="td_right">
                  <input
                    type="text"
                    id="username"
                    name="username"
                    placeholder="请输入账号"
                  />
                </td>
              </tr>
              <tr>
                <td class="td_left">
                  <label for="password">密码</label>
                </td>
                <td class="td_right">
                  <input
                    type="text"
                    id="password"
                    name="password"
                    placeholder="请输入密码"
                  />
                </td>
              </tr>
              <tr>
                <td class="td_left">
                  <label for="email">Email</label>
                </td>
                <td class="td_right">
                  <input
                    type="text"
                    id="email"
                    name="email"
                    placeholder="请输入Email"
                  />
                </td>
              </tr>
              <tr>
                <td class="td_left">
                  <label for="name">姓名</label>
                </td>
                <td class="td_right">
                  <input
                    type="text"
                    id="name"
                    name="name"
                    placeholder="请输入真实姓名"
                  />
                </td>
              </tr>
              <tr>
                <td class="td_left">
                  <label for="telephone">手机号</label>
                </td>
                <td class="td_right">
                  <input
                    type="text"
                    id="telephone"
                    name="telephone"
                    placeholder="请输入您的手机号"
                  />
                </td>
              </tr>
              <tr>
                <td class="td_left">
                  <label for="sex">性别</label>
                </td>
                <td class="td_right gender">
                  <input type="radio" id="sex" name="sex" value="男" checked />
                  男 <input type="radio" name="sex" value="女" /> 女
                </td>
              </tr>
              <tr>
                <td class="td_left">
                  <label for="birthday">出生日期</label>
                </td>
                <td class="td_right">
                  <input
                    type="date"
                    id="birthday"
                    name="birthday"
                    placeholder="年/月/日"
                  />
                </td>
              </tr>
              <tr>
                <td class="td_left">
                  <label for="check">验证码</label>
                </td>
                <td class="td_right check">
                  <input type="text" id="check" name="check" class="check" />
                  <img
                    src="checkCode"
                    height="32px"
                    alt=""
                    onclick="changeCheckCode(this)"
                  />
                  <script type="text/javascript">
                    //图片点击事件
                    function changeCheckCode(img) {
                      img.src = 'checkCode?' + new Date().getTime()
                    }
                  </script>
                </td>
              </tr>
              <tr>
                <td class="td_left"></td>
                <td class="td_right check">
                  <input
                    id="registerBtn"
                    type="button"
                    class="submit"
                    value="注册"
                  />
                  <span id="msg" style="color: red"></span>
                </td>
              </tr>
            </table>
          </form>
        </div>
      </div>
    </div>
    <!--引入尾部-->
    <div id="footer"></div>
    <!--导入布局js，共享header和footer-->
    <script type="text/javascript" src="js/include.js"></script>
  </body>
</html>
